<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <title>京东购物</title>
  <link rel="stylesheet" href="css/base.css">
  <link rel="stylesheet" href="css/mjd.css">
</head>
<body>
  <div class="body">
    <!-- 搜索框 -->
    <div class="search">
      <div class="nav"><span></span></div>
      <div class="search_box">
        <span></span>
        <i></i>
        <div class="search_input">
          <input type="text" placeholder="搜索框">
        </div>
      </div>
      <div class="login"><span>登录</span></div>
    </div>
    <!-- 轮播图 -->
    <div class="content">
      <div class="banner">
        <div class="banner_bg"></div>
        <ul>
          <li><a href="#"><img src="images/jd01.jpg.dpg" alt=""></a> </li>
          <li><a href="#"><img src="images/jd02.jpg.dpg" alt=""></a> </li>
          <li><a href="#"><img src="images/jd01.jpg.dpg" alt=""></a> </li>
          <li><a href="#"><img src="images/jd02.jpg.dpg" alt=""></a> </li>
          <li><a href="#"><img src="images/jd01.jpg.dpg" alt=""></a> </li>
        </ul>
      </div>
    </div>
    <!-- 导航栏 -->
    <div class="content_nav">
      <div class="nav_1">
        <a href="#"><img src="images/jdnav1.png" alt=""><p>京东超市</p></a>
        <a href="#"><img src="images/jdnav2.png" alt=""><p>数码电器</p></a>
        <a href="#"><img src="images/jdnav3.png" alt=""><p>京东服饰</p></a>
        <a href="#"><img src="images/jdnav4.png" alt=""><p>京东生鲜</p></a>
        <a href="#"><img src="images/jdnav5.png" alt=""><p>京东到家</p></a>
        <a href="#"><img src="images/jdnav6.png" alt=""><p>充值缴费</p></a>
        <a href="#"><img src="images/jdnav7.png" alt=""><p>9.9元拼</p></a>
        <a href="#"><img src="images/jdnav8.png" alt=""><p>领劵</p></a>
        <a href="#"><img src="images/jdnav9.png" alt=""><p>借钱</p></a>
        <a href="#"><img src="images/jdnav10.png" alt=""><p>PLUS会员</p></a>
      </div>
      <div class="nav_2">
        <a href="#"><img src="images/jdnav1.png" alt=""><p>京东国际</p></a>
        <a href="#"><img src="images/jdnav1.png" alt=""><p>京东拍卖</p></a>
        <a href="#"><img src="images/jdnav1.png" alt=""><p>唯品会</p></a>
        <a href="#"><img src="images/jdnav1.png" alt=""><p>玩3C</p></a>
        <a href="#"><img src="images/jdnav1.png" alt=""><p>沃尔玛</p></a>
        <a href="#"><img src="images/jdnav1.png" alt=""><p>美妆馆</p></a>
        <a href="#"><img src="images/jdnav1.png" alt=""><p>京东旅行</p></a>
        <a href="#"><img src="images/jdnav1.png" alt=""><p>拍拍二手</p></a>
        <a href="#"><img src="images/jdnav1.png" alt=""><p>物流查询</p></a>
        <a href="#"><img src="images/jdnav1.png" alt=""><p>全部</p></a>
      </div>
    </div>
    <!-- 好货 -->
    <div class="haohuo">
      <div class="real_show">
        <div></div>
        <div><p>正品直邮</p><img src="images/haohuo1.png!q70.jpg.dpg" alt=""></div>
      </div>
      <div class="real_show">
        <div><strong>来点好货</strong></div>
        <div><p>3c大放价</p><img src="images/haohuotel.png!q70.jpg.dpg" alt=""></div>
      </div>
      <div class="real_show">
        <div><strong>国潮好货</strong></div>
        <div><p>国货正当时</p><img src="images/haohuo2.png!q70.jpg.dpg" alt=""></div>
      </div>
      <div class="real_show">
        <div><strong></strong></div>
        <div><p>都是爱你的</p><img src="images/haohuo3.jpg!q70.jpg.dpg" alt=""></div>
      </div>
    </div>
    <!-- 秒杀 -->
    <div class="miaosha">
      <div>
        <h2>京东秒杀</h2>
        <i>更多秒杀</i>
        <ul>
          <li><div><a href="#"><img src="images/miaosha1.dpg" alt=""></a></div><div><span>￥1880</span><span>￥4999</span></div></li>
          <li><div><a href="#"><img src="images/miaosha2.dpg" alt=""></a></div><div><span>￥3590</span><span>￥3990</span></div></li>
          <li><div><a href="#"><img src="images/miaosha3.png" alt=""></a></div><div><span>￥378</span><span>￥729</span></div></li>
          <li><div><a href="#"><img src="images/miaosha4.dpg" alt=""></a></div><div><span>￥3388</span><span>￥3999</span></div></li>
          <li><div><a href="#"><img src="images/miaosha5.dpg" alt=""></a></div><div><span>￥1722</span><span>￥1998</span></div></li>
          <li><div><a href="#"><img src="images/miaosha6.dpg" alt=""></a></div><div><span>￥4769</span><span>￥5499</span></div></li>
        </ul>
      </div>
    </div>
    <!-- 双十一主场 -->
    <div class="shuang11">
      <div><img src="images/shuang11_1.png" alt=""></div>
      <div><img src="images/shuang11_2.gif" alt=""></div>
      <div><img src="images/shuang11_3.png!q70.png" alt=""></div>
    </div>
    <!-- 填充 -->
    <div class="tianchong"></div>
    <!-- 猜你喜欢 -->
    <div class="cainixihuan">
      <img src="images/suning/tuijian.png" alt="">
    </div>

    <ul class="xihuan">
      <li class="xihuan_box">
        <div class="xihuan_img">
          <img src="images/suning/xihuan1.jpg!q70.dpg.webp" alt="">
        </div>
        <div class="xihuan_text">
          <h3>                                                                                                       法国雅漾（Avene）恒润柔肤保湿凝露50ML(保湿乳液面霜女 滋润补水 深度保湿 皮尔法伯集团 原装进口）                             </h3>
          <p>￥1998</p>
          <span>找相似</span>
        </div>
      </li>

       <li class="xihuan_box">
        <div class="xihuan_img">
          <img src="images/suning/xihuan1.jpg!q70.dpg.webp" alt="">
        </div>
        <div class="xihuan_text">
          <h3>                                                                                                       法国雅漾（Avene）恒润柔肤保湿凝露50ML(保湿乳液面霜女 滋润补水 深度保湿 皮尔法伯集团 原装进口）                             </h3>
          <p>￥1998</p>
          <span>找相似</span>
        </div>
      </li>

       <li class="xihuan_box">
        <div class="xihuan_img">
          <img src="images/suning/xihuan1.jpg!q70.dpg.webp" alt="">
        </div>
        <div class="xihuan_text">
          <h3>                                                                                                       法国雅漾（Avene）恒润柔肤保湿凝露50ML(保湿乳液面霜女 滋润补水 深度保湿 皮尔法伯集团 原装进口）                             </h3>
          <p>￥1998</p>
          <span>找相似</span>
        </div>
      </li>
       <li class="xihuan_box">
        <div class="xihuan_img">
          <img src="images/suning/xihuan1.jpg!q70.dpg.webp" alt="">
        </div>
        <div class="xihuan_text">
          <h3>                                                                                                       法国雅漾（Avene）恒润柔肤保湿凝露50ML(保湿乳液面霜女 滋润补水 深度保湿 皮尔法伯集团 原装进口）                             </h3>
          <p>￥1998</p>
          <span>找相似</span>
        </div>
      </li>

    </ul>

    <div class="tianchong"></div>
    <!-- 底部 -->
    <div class="footer">
      <footer>
        <div>
          <a href="#"><img src="images/shouye.png" alt=""></a>
          <a href="#"><img src="images/fenlei.png" alt=""></a>
          <a href="#"><img src="images/jingxi.png" alt=""></a>
          <a href="#"><img src="images/gouwuche.png" alt=""></a>
          <a href="#"><img src="images/weidenglu.png" alt=""></a>
        </div>
      </footer>
    </div>
  </div>
</body>
</html>